<template  lang="html">
<div>
  <div>
      	<header>
			<a href="#" class="logo"></a>
			<div class="desc">欢迎注册</div>
		</header>
  </div>
   <div>
		<section>
			<form action="#">
            <ul id="myTab" class="nav nav-tabs">
                            <li>
                                <a href="#home" data-toggle="tab">
                                <b>个人用户</b> 
                                </a>
                            </li>
                            <li  class="active"><a href="#ios" data-toggle="tab">
                                    <b>企业用户</b> 
                            </a></li>
                        </ul>
                        <div class="register-box">
                          
                                <label for="username" class="username_label">企&nbsp;业
                                        <input id="demo1" type="text" data-source="" class="span4" placeholder="输入企业名称" autocomplete="off">
                                </label>
                                <div class="tips">
                                </div>
                            </div>
				<div class="register-box">
					<label for="username" class="username_label">用 户 名
					<input maxlength="20" type="text" placeholder="您的用户名和登录名"/>
					</label>
					<div class="tips">
						
					</div>
				</div>
				<div class="register-box">
					<label for="username" class="other_label">设 置 密 码&nbsp;
					<input maxlength="20" type="password" placeholder="建议至少使用两种字符组合"/>
					</label>
					<div class="tips">
						
					</div>
				</div>
				<div class="register-box">
					<label for="username" class="other_label">确 认 密 码&nbsp;
					<input maxlength="20" type="password" placeholder="请再次输入密码"/>
					</label>
					<div class="tips">
						
					</div>
				</div>
				<div class="register-box">
					<label for="username" class="other_label">
					<span>中国 0086∨</span>
					<input class="phone" maxlength="11" type="text" placeholder="建议使用常用手机"/>
					</label>
					<div class="tips">
						
					</div>
				</div>
				<div class="register-box">
					<label for="username" class="other_label">验 证 码&nbsp;&nbsp;&nbsp;&nbsp;
					<input maxlength="4" type="text"  value='1234' placeholder="输入验证码"/>
					</label>
                    <!--<span id="code"></span>-->
                    <button type="button" style="background-color:#eee;" class="btn btn-default">获取验证码</button>
					<div class="tips">
						
					</div>
				</div>
				<div class="arguement">
				
					<div class="tips">
						
					</div>
				</div>
				<div class="submit_btn">
					<button type="button" id="submit_btn">立 即 注 册</button>
				</div>
			</form>
		</section>
   </div>
 <input type="hidden" name="companyid" id="companyid"> 
<a href="#/Login" id="tz" target="_blank" style="display: none;"> <p>baidu</p> 
  						</a>

</div>
      </template>
<style>
/*'; 引入公共样式*/
@import "../../static/css/login/index.css";
@import "../../static/css/sweetalert/sweetalert.css";
</style>
<script>
import "../../static/js/bootstrap-typeahead.js";

import "../../static/js/index.js";
import "../../static/js/register.js";
import "../../static/js/sweetalert/sweetalert.min.js";
import "../../static/js/jquery-ui-jqLoding.js";
export default {
  data() {
    return {};
  },
  mounted: function() {
    this.swippertab();
  },
  methods: {
    swippertab() {
      console.log(123);
    }
  }
};
</script>
        <style>
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav > li {
  position: relative;
  display: block;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav > li {
  position: relative;
  display: block;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
</style>
        